<?
	session_start();
	$User=$_SESSION['s_User'];
	require_once("Extras/Functions.php");
?>
<!DOCTYPE HTML>
<html xmlns:fb="http://www.fagacebook.com/2008/fbml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title><?=LANG_Inicio_Titulo?></title>
	<script src="Extras/jquery-1.4.4.min.js"></script>
	<script src="Extras/jquery-ui-1.8.9.custom.min.js"></script>
	<script src="SpryAssets/SpryTooltip.js"></script>
	<script>
	$(document).ready(function(){
		cCont('#SecPri','Inicio.php');
		$('#TogCar').click(function(){ $('#Caracteristicas').slideToggle("slow"); })
		$('#LoginB').click(function(){ cCont('#SecPri','/Login.php',{User: $('#LoginU').val(), Pass: $('#LoginP').val()}) })
	})
	
	function cCont(A,B,C){
		$(A).fadeOut("slow",function(){
			$(A).load(B,C,function(){
				$(A).fadeIn("slow");
			})
		})
	}
	</script>
	<style>
		@import"Extras/StylePrincipal.css";
		@import"SpryAssets/SpryTooltip.css";
		@import"Extras/uiTheme/jquery-ui-1.8.9.custom.css";
	</style>
</head>
<body>
<div id="Contenedor">
	<div id="Header">
		<div id="Idioma">
			<div style="display:block; width:30px; height:18px; background-image:url(Images/HKO_Idiomas.png); float:left; cursor:pointer;" onclick="javascript:document.location.href='index.php?Lang=es'"></div>
			<div style="display:block; width:30px; height:18px; background-image:url(Images/HKO_Idiomas.png); background-position:bottom; float:left; margin:0 0 0 10px; cursor:pointer;" onclick="javascript:document.location.href='index.php?Lang=en'"></div>
		</div>
		<div id="HeaderLink" onclick="javascript:document.location.href='index.php'"></div>
	</div>
	<div id="SecIzq">
		<div id="Login">
			<table align="center">
				<tr><th colspan="2" align="center"><?=LANG_Inicio_Iniciar?></th></tr>
				<tr><td><?=LANG_Inicio_Usuario?></td></tr>
				<tr><td><input type="text" id="LoginU" name="User" size="12" maxlength="12"/></td></tr>
				<tr><td><?=LANG_Inicio_Pass?></td>
				<tr><td><input type="password" id="LoginP" name="Pass" size="12" maxlength="12"/></td></tr>
				<tr><td colspan="2" align="center"><button id="LoginB"><?=LANG_Inicio_Entrar?></button></td></tr>
			</table>
			<a class="SmLink" href="#" onclick="cCont('#SecPri','RecPass.php')"><?=LANG_Inicio_RecPass?></a><br />
			<a class="SmLink" href="#" onclick="cCont('#SecPri','Registro.php')"><?=LANG_Inicio_Registrar?></a>
		</div>
		<div id="Iniciado">
			<?
				if($User!=NULL){
					echo ("<a class='Pos'>".LANG_Inicio_Bienvenido." $User</a><br>");
					echo ("<a href='#' onclick=cCont('#SecPri','Game/Inicio.php')>".LANG_Inicio_Continuar."</a><br>");
					echo ("<a href='#' onclick=cCont('#SecPri','Logout.php')>".LANG_Inicio_Salir."</a>");
					echo "<script type='text/javascript'> document.getElementById('Login').style.display='none'; </script>";
				}
			?>
		</div>
		<hr />
		<p><a href="#" onclick="cCont('#SecPri','Inicio.php')"><?=LANG_Inicio_Inicio?></a><br />
		<a href="#" onclick="cCont('#SecPri','Noticias.php')"><?=LANG_Inicio_Noticias?></a><br />
		<a href="#" onclick="cCont('#SecPri','Foro.php')"><?=LANG_Inicio_Foro?></a></p>
		<hr />
		<p><a class="SmLink" href="#" onclick="cCont('#SecPri','AcercaDe.php#QueEs')"><?=LANG_Inicio_QueEs?></a><br />
		<a class="SmLink" href="#" onclick="cCont('#SecPri','AcercaDe.php#QueTrata')"><?=LANG_Inicio_QueTrata?></a><br />
		<a class="SmLink" href="#" onclick="cCont('#SecPri','AcercaDe.php#ComoSeJuega')"><?=LANG_Inicio_ComoJuega?></a></p>
		<hr />
		<a href="#" onclick="cCont('#SecPri','Version.php')">Version 0.1.2<br />Open Alpha</a>
		<hr />
		<a class="Neg" style="font-size:12px;"><?=LANG_Inicio_Visitante?> <? require("Contador.php") ?></a>
	</div>
	<div id="SecPri">
		<div class="Anuncio">
			<div style="background:url(Images/HKO_Logo.png) center top no-repeat; height:60px;"></div>
			<h3>Hunabku Online<br /><?=LANG_Inicio_Cargando?></h3>
		</div>
	</div>
	<div id="SecDer">
		<a href="#" id="TogCar"><?=LANG_Carac_Titulo?></a>
		<div id="Caracteristicas">
			<?=LANG_Carac_Historia?><br />
			<?=LANG_Carac_Tiempo?><br />
			<a href="#" onclick="cCont('#SecPri','Mas/Civilizaciones.php')"><?=LANG_Carac_Civil?></a><br />
			<a href="#" onclick="cCont('#SecPri','Mas/Personalidades.php')"><?=LANG_Carac_Pers?></a><br />
			<?=LANG_Carac_Heroes?><br />
			<?=LANG_Carac_Imperios?><br />
			<?=LANG_Carac_Construcciones?><br />
			<?=LANG_Carac_Comercios?><br />
			<?=LANG_Carac_Codices?><br />
			<?=LANG_Carac_Chamanismo?><br />
			<?=LANG_Carac_Operaciones?><br />
			<?=LANG_Carac_Combates?><br />
			<?=LANG_Carac_Reliquias?><br />
			<?=LANG_Carac_Alianzas?><br />
		</div>
		<hr />
		<?=LANG_Inicio_Invitar?>
		<hr />
	</div>
</div>
</body>
</html>